<div class="team-member text-center">
  <div class="team-member-img position-relative mb-5">
    <img class="img-fluid w-100" src="{{ .Params.Image_webp | relURL }}"
      onerror="this.src='{{.Params.Image | relURL }}'" alt="{{ .Title }}">
    <div class="hover-icon py-4">
      <ul class="list-inline social-icon">
        {{ range .Params.Social }}
        <li class="list-inline-item">
          <a href="{{ .link | safeURL }}" class="hover-ripple ripple-white"><i class="fa {{ .icon }}"></i></a>
        </li>
        {{ end }}
      </ul>
    </div>
  </div>
  <h4>{{ .Title }}</h4>
  <h5>{{ .Params.Designation | markdownify }}</h5>
  <span>{{ .Params.description | markdownify }}</span>
</div>
